$(function(){
	
	$("#select-clip").change(function() {
		var clip = $(this).find("option:selected").text();
		$("#box_exzample").css("box-sizing", clip);
	});
	$("#text-padding").blur(function(){
		var padding=$(this).val()+"px";
	  $("#box_exzample").css("padding",padding);
	});
	$("#text-width").blur(function(){		 
		var width=$(this).val()+"px";
	  $("#box_exzample").css("width",width);
	});
	$("#text-height").blur(function(){
		var height=$(this).val()+"px";
	  $("#box_exzample").css("height",height); 
	  $("#box_right").css("height",height);
	});
	$("#text-radius").blur(function(){
		var radius=$(this).val()+"px";
	  $("#box_exzample").css("border-radius",radius);
	});
	$("#text-radius-top").blur(function(){
		var radius=$(this).val()+"px";
	  $("#box_exzample").css("border-top-left-radius",radius);
	});
	$("#text-radius-right").blur(function(){
		var radius=$(this).val()+"px";
	  $("#box_exzample").css("border-top-right-radius",radius);
	});
	$("#text-radius-bottom").blur(function(){
		var radius=$(this).val()+"px";
	  $("#box_exzample").css("border-bottom-right-radius",radius);
	});
	
	$("#text-radius-left").blur(function(){
		var radius=$(this).val()+"px";
	  $("#box_exzample").css("border-bottom-left-radius",radius);
	});
	
	$("#text-border-width").blur(function(){
		var border=$(this).val()+"px";
	  $("#box_exzample").css("outline-width",border);
	});
	
	$("#text-border-color").change(function(){
		var border=$(this).val();
	  $("#box_exzample").css("outline-color",border);
	});
	$("#select-border-style").change(function(){
		var border=$(this).find("option:selected").text();		 
	  $("#box_exzample").css("outline-style", border );
	});
	
	 
	
})